<template>
  <div class="jpythgs">
    <div>
      <h1 class="title">{{imge.title}}</h1>
      <h1 class="title">{{imge.tit}}</h1>
      <div class="jpythgs-nei">
        <p class="nei-tit">机动车理论模拟培训中心概述</p>
        <p>
          由驾培协会或者其它相关部门、机构牵头，由交通局运输管理处或者政府指定部门
          进行监督，引进民营投资方组建“机动车驾驶学员理论模拟集中培训中心”（学员就近去到集
          中培训中心进行理论、模拟教学，并且计入学员学时）。按照政府要求及标准成立运营公司
          进行运作，购置设备、租赁场地、定制考场、维护教学秩序、安排教师学员上课、做好学员
          学时管理上传、同主管部门相关系统对接（也可以由当地现有计时器公司合作对接），每名
          学员收取一定费用，盈亏自负。
        </p>
        <p
          >从学员登记、预约、培训过程等多环节结合系统、监控技术等手段与规范流程管理确保
          公开透明、真实和培训质量。</p
        >
      </div>
      <div class="nei-img">
        <img v-for="(item,index) in imge.Image" :src="require('../../../assets/yjx/' + item)" alt="" :key="index" />
      </div>
      <Dibu></Dibu>
    </div>
  </div>
</template>
 
<script>

import Dibu from '../../../components/yjx/dibu.vue'
export default {
  name: "vueName",
  data() {
    return {
      imge:[],
    };
  },
  created(){ //元素创建时
    this.$http.get("/jjfa/tupain").then((res)=>{
      this.imge=res.data.jzyt[0]
      this.imge=res.data.jpythgs[0]
      console.log(this.imge);
    })
  },
  components:{
    Dibu
  }
};
</script>
 
<style scoped lang = "scss">
.title {
  background: #142b57;
  color: white;
  padding-left: 48px;
  font-weight: normal;
  /* font-family: \9ed1\4f53; */
  line-height: 50px;
  margin-top: 40px;
}
.jpythgs-nei {
  margin: 20px 20px 0px 20px;
  text-align:left;
  text-indent:2em; 
  font-size: 18px;
  .nei-tit{
    font-size: 24px;
    margin: 5px 0px;
  }
}
.nei-img{
    width: 100%;
    img{
      width: 100%;
      margin: 60px 0px;
    }
  }
</style>